/* default dimensions and justification for each month including title */
.jCal { /* each day width + border-left + border-right */
	width:234px; height:21px; text-align:center; vertical-align:top; padding:0 20px 15px 10px; }
/* default dimensions and justification for each month not including title */
.jCalMo { width:260px;		/* each day width + border-left + border-right */ float:left; overflow:visible; height:100%; padding-right:2px; padding-left:2px; white-space:nowrap; margin:0 15px; }
/**

.jCalMo div:nth-child(1){ color:#b48d48;}
.jCalMo div:nth-child(7){ color:#b48d48;}
**/





/* top month display block - i.e. January */
.jCal .month, .jCal .monthSelect, .jCal .monthName, .jCal .monthYear { line-height:16px; height:16px; text-align:center; vertical-align:bottom; font-family:Tahoma; font-size:8pt; color:#000000; cursor:pointer; float:left; }
/* month name per calendar style - includes left/right padding and alignment */
.jCal .monthName { padding-left:2px; padding-right:2px; text-align:right; width:88px; }
/* year per calendar style - includes left/right padding and alignment */
.jCal .monthYear { float:right; padding-left:2px; padding-right:2px; text-align:left; width:88px; }
/* width of monthName + monthYear */
.jCal .month { width:196px; }
/* hilight style for new month combobox pulldown for hover */
.jCal .monthSelect { background:#EEE url(eeGrad2.gif) bottom repeat-x; }
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector { position:absolute; }
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
.jCal .monthSelectorShadow { position:absolute; background:#808080; padding:0px; }
/* this is the hover for the month name */
.jCal .monthNameHover { background:#EDEDED url(double-arrow-vert.gif) center left no-repeat; color:#808080; }
/* this is the hover for the year */
.jCal .monthYearHover { background:#EDEDED url(double-arrow-vert.gif) center right no-repeat; color:#808080; }
/* this is the hover for the new month or year hover in the new combobox selection */
.jCal .monthSelectHover { background:#069; color:#FFF; }
/* day block dimensions and style - for all day blocks */
.jCalMo .dow, .jCalMo .day, .jCalMo .pday, .jCalMo .aday, .jCalMo .overDay, .jCalMo .invday, .jCalMo .selectedDay { width:32px; margin:2px; font-family:'Microsoft YaHei'; font-size:10px; color:#000000; line-height:20px; text-align:center; cursor:default; float:left; }
/* day of week header specific style */
.jCalMo .dow { border-bottom:0px; }
/* actual calendar day default style */
.jCalMo .day, .jCalMo .invday { height:20px; text-align:center; }
/* selectable calendar day specific style */
.jCalMo .day { cursor:pointer; }
/* blacked-out calendar day specific style */
.jCalMo .invday { color:#808080; background:#eeeeee; text-decoration:line-through; }
/* previous and subsequent months calendar day specific style */
.jCalMo .pday, .jCalMo .aday { height:20px; color:#CCC; }
/* selected day */
.jCalMo .selectedDay { color:#FFF; /* must use rgb() syntax for jquery.color.js compliance */
	background:#b48d48; }
/* mouseover hilighted selectable day */
.jCalMo .overDay { color:#FFF; /* must use rgb() syntax for jquery.color.js compliance */
	background:#b48d48; }
/* left month navigation button - no need to change */
.jCal .left { background:url(../images/_left.png) center center no-repeat; width:16px; height:16px; vertical-align:middle; cursor:pointer; float:left; }
/* right month navigation button - no need to change */
.jCal .right { background:url(../images/_right.png) center center no-repeat; width:16px; height:16px; vertical-align:middle; cursor:pointer; float:right; }
/* no need to change - this is for carousel opacity */
.jCalMask, .jCalMove { position:absolute; overflow:hidden; }
